:root {
  --el-font-family: PingFang SC,Arial,Hiragino Sans GB,Microsoft YaHei,sans-serif;
  --el-color-primary: #4a5dff;
  --el-color-primary-dark-2: #3b4acc;
  --el-color-primary-light-3: #808eff;
  --el-color-primary-light-5: #a5aeff;
  --el-color-primary-light-7: #c9ceff;
  --el-color-primary-light-8: #dbdfff;
  --el-color-primary-light-9: #edefff;
  --el-font-weight-primary: 400;
  --el-menu-item-height: 46px;
  --el-menu-sub-item-height: var(--el-menu-item-height);
  --el-menu-icon-width: 18px;
  --aside-width: 200px;
  --header-height: 60px;
  --color-white: #fff;
  --table-header-bg-color: #f8f8f8;
  --el-font-size-extra-large: 18px;
  --el-menu-base-level-padding: 16px;
  --el-menu-level-padding: 26px;
  --el-font-size-large: 16px;
  --el-font-size-medium: 15px;
  --el-font-size-base: 14px;
  --el-font-size-small: 13px;
  --el-font-size-extra-small: 12px;
  --el-bg-color: var(--color-white);
  --el-bg-color-page: #f7f7f7;
  --el-bg-color-overlay: #fff;
  --el-text-color-primary: #333;
  --el-text-color-regular: #666;
  --el-text-color-secondary: #999;
  --el-text-color-placeholder: #a8abb2;
  --el-text-color-disabled: #c0c4cc;
  --el-border-color: #dcdfe6;
  --el-border-color-light: #e4e7ed;
  --el-border-color-lighter: #ebeef5;
  --el-border-color-extra-light: #f2f2f2;
  --el-border-color-dark: #d4d7de;
  --el-border-color-darker: #cdd0d6;
  --el-fill-color: #f0f2f5;
  --el-fill-color-light: #f5f7fa;
  --el-fill-color-lighter: #fafafa;
  --el-fill-color-extra-light: #fafcff;
  --el-fill-color-dark: #ebedf0;
  --el-fill-color-darker: #e6e8eb;
  --el-fill-color-blank: #fff;
  --el-mask-color: hsla(0,0%,100%,.9);
  --el-mask-color-extra-light: hsla(0,0%,100%,.3);
  --el-box-shadow-light: 0px 0px 12px rgba(0,0,0,.12);
  --el-box-shadow-lighter: 0px 0px 6px rgba(0,0,0,.12);
  --el-box-shadow-dark: 0px 16px 48px 16px rgba(0,0,0,.08),0px 12px 32px rgba(0,0,0,.12),0px 8px 16px -8px rgba(0,0,0,.16);
  -el-box-shadow: 0 12px 32px 4px rgba(0,0,0,.04),0 8px 20px rgba(0,0,0,.08)
}
html{
  height: 100%;
}
html,body{
  min-height: 100%;
}
a {
  font-weight: 500;
  color: #646cff;
  text-decoration: inherit;
}
a:hover {
  color: #535bf2;
}
p{
  margin: 0;
}
body {
  margin: 0;
  font-size: 14px;
  background: #f2f2f2;
}

h1 {
  font-size: 3.2em;
  line-height: 1.1;
}

button {
  border-radius: 8px;
  border: 1px solid transparent;
  padding: 0.6em 1.2em;
  font-size: 1em;
  font-weight: 500;
  font-family: inherit;
  background-color: #1a1a1a;
  cursor: pointer;
  transition: border-color 0.25s;
}
button:hover {
  border-color: #646cff;
}
button:focus,
button:focus-visible {
  outline: 4px auto -webkit-focus-ring-color;
}

.card {
  padding: 2em;
}

#app {

}

@media (prefers-color-scheme: light) {
  :root {
    color: #213547;
    background-color: #ffffff;
  }
  a:hover {
    color: #747bff;
  }
  button {
    background-color: #f9f9f9;
  }
}
